<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top"></div>
<div id="Content">
    <div id="Login" align="center">
        <form action="/order/confirmorderaction" method="post" >
            <fieldset style="width:730px; margin:0px auto">
                <legend>New Oder Form</legend>
                <table>
                    <tr>
                        <th colspan=2>Payment Details</th>
                    </tr>
                    <tr>
                        <td>Card Type:</td>
                        <td>
                            <select name="order.cardType">
                                <option>Visa</option>
                                <option>ICBC</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Card Number:</td>
                        <td>
                            <input type="text"  th:name="creditCard"  th:text="order.creditCard" th:value="${order.creditCard}">* Use a fake
                            number!
                        </td>
                    </tr>
                    <tr>
                        <td>Expiry Date (MM/YYYY):</td>
                        <td><stripes:text name="order.expiryDate" />
                            <input type="text"  th:name="expiryDate" th:value="${order.expiryDate}">
                        </td>
                    </tr>
                    <tr>
                        <th colspan=2>Billing Address</th>
                    </tr>

                    <tr>
                        <td>First name:</td>
                        <td>
                            <input type="text" th:name="billToFirstName" th:value="${order.billToFirstName}">
                        </td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td>
                            <input type="text" th:name="billToLastName" th:value="${order.billToLastName}">
                        </td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td>
                            <input type="text" size="40" th:name="billAddress1" th:value="${order.billAddress1}">
                        </td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td>
                            <input type="text"  size="40" th:name="billAddress2" th:value="${order.billAddress2}">
                        </td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td>
                            <input type="text" th:name="billCity" th:value="${order.billCity}">
                        </td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td>
                            <input type="text" size="4" th:name="billState" th:value="${order.billState}">
                        </td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td>
                            <input type="text" size="10" th:name="billZip" th:value="${order.billZip}">
                        </td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td>
                            <input type="text"size="15" th:name="billCountry" th:value="${order.billCountry}">
                        </td>
                    </tr>

                    <tr>
                        <td colspan=2>
                            <input type="checkbox" th:name="shippingAddressRequired">Ship to different address...</td>
                    </tr>

                </table>
                <input type="submit" name="newOrder" value="Continue">
            </fieldset>
        </form></div>
</div>
<div th:replace="common/bottom"></div>
</body>
</html>